$(function () {
    $(".no_active").hide();
    $("#more_condition").click(function () {
        $(".no_active").show(500);
        $("#more_condition").hide();
        $("#hide_condition").show();
    });
    $("#hide_condition").click(function () {
        $(".no_active").hide(500);
        $("#more_condition").show();
        $("#hide_condition").hide();
    });

    $("#btn_query").click(function () {
        $(".no_active").hide(500);
        $("#more_condition").show();
        $("#hide_condition").hide();
        $('#dataShow').bootstrapTable('refresh');
    });
    $("#btn_add").click(function () {
       location.href = ctx+'/mechanic.action?method=create&_='+Math.random();
    });
    btn_add
    $("#btn_resetting").click(function () {
        $("#myForm").find('*[name]').each(function () {
            $(this).val("");
        })
    });

    $('.datetimepicker').datetimepicker({
        format: 'yyyy-mm-dd',
        autoclose: true,
        todayBtn: true,
        clearBtn:true,
        todayHighlight: true,
        showMeridian: true,
        pickerPosition:'bottom-left',
        language: 'zh-CN',//中文，需要引用zh-CN.js包
        startView: 2,//月视图
        minView: 4//日期时间选择器所能够提供的最精确的时间选择视图
    });
    Initialization();
});
function Initialization() {
    $("#dataShow").bootstrapTable({
        url: ctx+'/mechanic.action?method=getData',        //请求后台的URL（*）
        method: 'get',                      //请求方式（*）
        dataType: "json",
        toolbar: '#toolButton',                //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortable: true,                     //是否启用排序
        sortOrder: "asc",                   //排序方式
        queryParams: queryParams,           //传递参数（*）
        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber:1,                       //初始化加载第一页，默认第一页
        pageSize: 10,                       //每页的记录行数（*）
        pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
        search: true,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
        showColumns: false,                  //是否显示所有的列
        showRefresh: true,                  //是否显示刷新按钮
        minimumCountColumns: 0,             //最少允许的列数
        clickToSelect: true,                //是否启用点击选中行
        height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "id",                     //每一行的唯一标识，一般为主键列
        showToggle:true,                    //是否显示详细视图和列表视图的切换按钮
        cardView: false,                    //是否显示详细视图
        detailView: false,                   //是否显示父子表
        columns: [ {
            title: '序号',
            align: 'center',
            valign: 'middle',
            sortable: true,
            formatter:function (value, row, index) {
                return index+1;
            }
        },{
            field: 'name',
            title: '姓名',
            align: 'center',
            valign: 'middle',
            sortable: true,
        },{
            field: 'phone',
            title: '联系电话',
            align: 'center',
            valign: 'middle',
            sortable: true,
        }, {
            field: 'mec_number',
            title: '技工编号',
            align: 'center',
            valign: 'middle',
            sortable: true,
        },{
            field: 'create_time',
            title: '创建时间',
            align: 'center',
            valign: 'middle',
            formatter:init
        },  {
            field: 'address',
            title: '住址',
            align: 'center',
            valign: 'middle'
        },{
            field: 'state',
            title: '技工状态',
            align: 'center',
            valign: 'middle',
            formatter:function (value,row,index) {
                switch(value){
                    case "0":return "停用";break;
                    case "1":return "启用";break;
                }
            }
        }, {
            field:'id',
            title: '操作',
            align: 'center',
            valign: 'middle',
            formatter: operateFormatter,
            events: window.operateEvents,
        }]
    });
    function queryParams(params) {
        $("#myForm").find('*[name]').each(function () {
            params[$(this).attr('name')] = $(this).val();
        });
            // params["page"]=params.offset;
            // params["rows"]=params.limit;
            // params["sort"]=params.sort; //排序列名
            // params["sortOrder"]= params.order;//排位命令（desc，asc）


        return params;
    }
}

/*日期格式化*/
var init = function (value,row,index) {
    return timeStampToString(value);
}
var operateFormatter=function (value, row, index) {
    return [
        '<button id="btn_edit" type="button" class="btn btn-default">',
        '<span class="glyphicon glyphicon-pencil" aria-hidden="true" onclick="mecModify('+row.id+')"></span>修改',
        '</button>',
        '<button id="btn_delete" type="button" class="btn btn-default" onclick="mecDelete('+row.id+')">',
        '<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除',
        '</button>'
    ].join('');
};

function mecModify(id){
    layer.open({
        type:'2',
        content:ctx+'/mechanic.action?method=create&id='+id+'&_='+Math.random(),
        area: ['1200px', '500px'],
        maxmin:true,
        anim:5,
        end:function () {
            layer.msg("窗口关闭！")
        }
    });
}
function timeStampToString (time){
    var datetime = new Date();
    datetime.setTime(time);
    var year = datetime.getFullYear();
    var month = datetime.getMonth() + 1;
    if(parseInt(month)<10){
        month='0'+month;
    }
    var date = datetime.getDate();
    if(parseInt(date)<10){
        date='0'+date;
    }
    var hour = datetime.getHours();
    if(parseInt(hour)<10){
        hour='0'+hour;
    }
    var minute = datetime.getMinutes();
    if(parseInt(minute)<10){
        minute='0'+minute;
    }
    var second = datetime.getSeconds();
    if(parseInt(second)<10){
        second='0'+second;
    }
    return year + "-" + month + "-" + date;
}
